<template>
  <u-navbar
    :title="title"
    :title-bold="true"
    :height="height"
    title-color="#2f2f2f"
    :background="background"
    :border-bottom="border"
  >
    <view slot="right">
      <slot name="right"></slot>
    </view>
  </u-navbar>
</template>
<script>
export default {
  data() {
    return {}
  },
  props: {
    border: {
      type: Boolean,
      default: () => {
        return false
      }
    },
    title: {
      type: String,
      default: () => {
        return null
      }
    },
    background: {
      type: Object,
      default: () => {
        return {background: '#ffffff'}
      }
    },
    height: {
      type: Number,
      default: () => {
        return 65
      }
    }
  }
}
</script>
<style scoped lang="scss">
u-navbar {
  padding-top: 40px;
  /deep/ .u-navbar-inner {
    color: red;
  }
  background-color: blue;
}
</style>
